<template>
	<div class="search-hd">
		<div class="search-box" @click="goSearchList">
			<text>找艺人、电视剧、电影</text>
			<van-icon name="search" />
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				value: ''
			}
		},
		onLoad() {
			
		},
		methods: {
			goSearchList() {
			    uni.navigateTo({
					url: '/pages/search/search-list/search-list',
			    })
		  	}
		},
	}
</script>

<style scoped>
	@import url("vant/lib/index.css");
	.search-hd{
		width: 750rpx;
		height: 341rpx;
		background: url("https://cdn.xtde.cn/wxapp/xtde/search-hd-bg.png") no-repeat center 0;
		background-size: 750rpx auto;
		position: relative;
		z-index: 1;
	}
	.search-box{
		width: 550rpx;
		height: 66rpx;
		position: absolute;
		left: 50%;
		bottom: 80rpx;
		background-color: rgba(238, 241, 245, .4);
		border-radius: 30rpx;
		color: #f2f5f7;
		padding-left: 34rpx;
		font-size: 24rpx;
		line-height: 66rpx;
		transform: translate3d(-50%, 0, 0);
	}
	.search-box van-icon{
		color: #f2f5f7;
		font-size: 40rpx;
		position: absolute;
		right:20rpx;
		top:57%;
		transform: translate3d(0, -50%, 0);
	}
</style>
